
<!DOCTYPE html>
<html lang="zh-CN" style="font-size:100px">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
    <title>主页</title>
    <link href="styles/styles.css" rel="stylesheet">

    <script type="text/javascript">
        var scaleNum=window.screen.width/750;
        document.getElementsByTagName('html')[0].style.fontSize=(100*scaleNum)+'px';

    </script>
    <script src="//cdn.bootcss.com/jquery/2.0.1/jquery.min.js"></script>
    <script>
        $(function(){
            $('.m-btn' ).click(function(){
                $(this ).addClass('m-click-btn');
            } )
            setInterval(removeClick, 300 )
        })
        function removeClick(){
            $('.m-btn' ).removeClass('m-click-btn');
        }
    </script>
</head>
<body style="background: #009EA1;">

<section class="wa-container">
<div style="text-align: center;">
    <img style="margin: 0 auto;" width="90%" src="images/1-3-0.png?v=1">
</div>
    <div style="text-align: center;" class="wenzi"><img width="70%" src="images/1-0-0.png?v=1"></div>
    <div class="wa-bottom" style="background: url(images/1-5-0.png?v=1) no-repeat bottom left;background-size:100% ;text-align: center;"><img class="m-btn" style="width: 3.0rem" src="images/start.png?v=1">
        <ul class="overflow">
            <li><img class="m-btn" src="images/1-1-0.png?v=1"></li>
            <li><img class="m-btn" src="images/1-1-1.png?v=1"></li>
            <li><img class="m-btn" src="images/1-1-2.png?v=1"></li>
        </ul>
    </div>
</section>
</body>
</html>
